<ion-header>
    <ion-navbar color="orange" hideBackButton>
        <ion-title>保证金退还结果</ion-title>
        <ion-buttons end>
            <button ion-button (click)="finish()">
                完成
            </button>
        </ion-buttons>
    </ion-navbar>
</ion-header>

<ion-content padding>
    <!--退还保证金成功-->
    <div text-center class="success" *ngIf="error === 200" style="margin-top:3rem;">
        <!--<ion-icon ios="ios-checkmark-circle-outline" md="md-checkmark-circle-outline" color="orange"></ion-icon>-->
        <div><i class="far fa-check-circle text-orange" style="font-size:7rem;"></i></div>
        <p class="text-orange text" style="line-height:3rem;font-size:1.6rem;">{{message}}</p>
    </div>
    <!--有悬赏任务在进行-->
    <div text-center class="processing" *ngIf="error === 300" style="margin-top:3rem;">
        <!--<ion-icon ios="ios-checkmark-circle-outline" md="md-checkmark-circle-outline" color="orange" style="font-size:7rem;"></ion-icon>-->
        <div><i class="fas fa-exclamation-circle text-orange" style="font-size:7rem;"></i></div>
        <p class="text-orange text" style="line-height:3rem;font-size:1.6rem;">{{message}}</p>
    </div>
    <!--退还保证金失败-->
    <div text-center class="error" *ngIf="error !== 200 && error !== 300" style="margin-top:3rem;">
        <!--<ion-icon ios="ios-checkmark-circle-outline" md="md-checkmark-circle-outline" color="red"></ion-icon>-->
        <div><i class="far fa-times-circle text-red" style="font-size:7rem;"></i></div>
        <p class="text text-red" style="line-height:3rem;font-size:1.6rem;">{{message}}</p>
    </div>
</ion-content>
